JI0e0JUegOs 


Curso de Diseño y Programación [18 588 ar. 


Implementando 
los menús 


Texturas para 
los bonos 


Efectos de titulación 
y croma 


Videojuegos 


Curso práctico de Videojuegos Ap rende d IVI rtiéndote 
AUTOR DE LA OBRA Bienvenidos de nuevo a Programación y Diseño de Videojuegos, la 
Marcos Medina primera obra coleccionable cuyo objetivo es formar al alumno en las prin- 
DIRECCIÓN EDITORIAL cipales técnicas relacionadas en el desarrollo completo de un videojuego. 
Eduardo Toribio A lo largo de la obra el lector está aprendiendo programación a nivel general 
etoribioOiberprensa.com 


y a nivel específico con ciertas herramientas y lenguajes, aprendiendo a tra- 
COORDINACIÓN EDITORIAL bajar con aplicaciones de retoque de imagen y también de diseño 3D y ani- 
Eva-Margarita García mación. Estamos descubriendo las aplicaciones profesionales más impor- 


evaQiberprensa.com ó tantes de audio y conociendo la historia de lo que se denomina “la industria 
DISEÑO Y MAQUETACA N del videojuego”, los últimos 20 años, los juegos que marcaron un avance, 
ni sus creadores y en general la evolución del videojuego. 
Marisa Cogorro Pero además, esta obra tiene un segundo objetivo, desarrollar y poten- 
SUSCRIPCIONES ciar la creatividad del lector, nosotros a lo largo de las diferentes entre- 
Tel: 91 628 02 03 gas pondremos las bases y tú pondrás tu ingenio, tu creatividad y tu 
Fax: 91 628 09 35 capacidad de mejorar. 
suscripcionesGiberprensa.com Nos encontramos a mitad de camino del viaje de 20 semanas que os 
FILMACIÓN: Fotpreim Duvial proponemos, viaje articulado en 400 páginas y 20 CD-ROMs cuya finali- 
IMPRESIÓN: Gráficas Don Bosco dad es proporcionar las bases mínimas para después cada uno conti- 
DUPLICACIÓN CD.ROM: M.P.O, nuar su camino. 
a Recuerda que para alcanzar el éxito necesitas cumplir tres condiciones: 
eb que te gusten los juegos, poseer cierta dosis de creatividad y finalmen- 
Avda. Valdelaparra 29 (Pol. Ind.) te capacidad de estudio. 
28108 Alcobendas (Madrid) 
Tel.: 91 657 69 00 Una la cumples seguro. 


EDITA: Iberprensa — | 


www.iberprensa.com 


361 Zona de desarrollo 
En esta entrega desarrollaremos el código necesario para implementar los 


CONSEJERO menús del juego, y así poder controlar los aspectos gráficos y sonoros. 
Carlos Peropadre e 
365 Zona de gráficos 
REDACCIÓN, PUBLICIDAD Y Con esta entrega terminamos de realizar los gráficos para “Zone of Fighters”. 
ADMINISTRACIÓN " Desarrollaremos las texturas para los bonos. 
C/ del Río Ter, 7 (Pol. Ind. “El Nogal”) 369 Zona de audio 
28110 Algete (Madrid) Para ilustrar el funcionamiento de ModPlug vamos a realizar una canción 


Tel.: 91 628 02 03 
Fax: 91 628 09 35 


(Añada 34 si llama desde fuera de España.) 


simple con dos o tres patrones. 


371 Blitz 3D 


En esta ocasión terminaremos de ver las funciones UDP, así como el 
manejo de las DirectPlay. 


375 Tutorial 


En este número terminaremos la realización del vídeo para nuestro juego 
con Ulead MediaStudio, montando las pistas de audio. Posteriormente, 
añadiremos algunos efectos de titulación y croma. 


377 Historia del videojuego 


Empezamos a ver dentro de los simuladores de velocidad los simuladores 


DEPÓSITO LEGAL: M-35934-2002 
ISBN: Coleccionable: 84 932417 2 5 
Tomo 2: 84 932417 41 
Obra Completa: 84 932417 5 X 
Copyright 01/07/03 
PRINTED IN SPAIN 


NOTA IMPORTANTE: deportivos. En la próxima entrega terminaremos con los simuladores de 
Algunos programas incluidos en los CD de motociclismo y de tipo futurista 
“Programación y Diseño de Videojuegos” son 379 Cuestionario 


| versiones completas, pero en otros casos se 

| trata de versiones demo o trial, versiones de 

| evaluación que Iberprensa quiere ofrecer a 
nuestros lectores, No se trata en ningún caso de 
las versiones comerciales de los programas, y 
las hemos incluido para dar al lector la oportuni- 
dad de conocer y probar esos programas y que 
así pueda decidir posteriormente si desea o no 
adquirir las versiones comerciales de cada uno. 


Cada semana un pequeño test de autoevaluación, en el próximo número 
encontrarás las respuestas. 


Contenido CD-ROM 


Páginas dedicadas a la instalación y descripción 
del software que se adjunta con cada coleccionable. 


Su mr arlo 


SERVICIO TÉCNICO: 
Para consultas, dudas técnicas y reclamaciones Iberprensa 
ofrece la siguiente dirección de correo electrónico: 

gamesCiberprensa.com 


PARA ENCUADERNAR LA OBRA: 


» Tapas del volumen 1 disponibles en Iberprensa. 
Pedidos por teléfono: 916280203. 


| » Tapas del volumen 2 ya a la venta en quioscos. 


» Los suscriptores recibirán las tapas en su domicilio 
sin cargo alguno como obsequio de Iberprensa. 


PETICIÓN DE NÚMEROS ATRASADOS: 

El envío de números sueltos o atrasados se realizará contra 
reembolso del precio de venta al público más el coste de los 
gastos de envío. Pueden ser solicitados en el teléfono de atención 
al cliente 91 628 02 03 


Los menús 


n esta entrega desa- 

rrollaremos el código 

necesario para imple- 

mentar los menús 
del juego. 

El diseño de los menús de un 
juego difiere según sus caracte- 
rísticas estéticas, pero básica- 
mente, todos tienen unas opcio- 
nes básicas para controlar el 
juego, los controles y los aspec- 
tos gráficos y sonoros. 


(u) ANÁLISIS 
ESTETICO 
En “Zone of Fighters” dispone- 
mos de todas estas opciones 
básicas alojadas en suomenús 
que parten de un menú principal. 
En las figuras 1 y 2 se muestra 
un esquema de esta clasifica- 
ción. Estéticamente, la idea bási- 
ca radica en visualizar las diferen- 
tes opciones de los menús bien 
alineadas en el centro de la pan- 
talla (independientemente de su 
resolución) sobre un fondo móvil 
que representa el terreno de 
combate. Se mantiene, de esta 
forma, un aspecto gráfico senci- 
llo con una estética sobria. Al 
paso del puntero del ratón (repre- 
sentado por un punto de mira) 
sobre cada una de las opciones 
provoca que éstas cambien de 
color. El cambio de un grupo de 


del juego 


opciones a otro se realiza de 
forma instantánea, sustituyendo 
una lista por otra (Fig. 3). 

Cada opción de una lista esta 
descrita por una frase (ejemplo: 
“OPCIONES”) con el tipo de letra 
especialmente preparada para el 
juego (sección “gráficos” núme- 
ro 6) creada previamente como 
imagen bitmap. Por lo tanto, para 
cada opción disponemos de dos 
imágenes diferentes; una con la 
frase de color blanco y otra de 
color amarillo, la cual servirá de 
sustituto al paso del puntero del 
ratón. Estas imágenes las deno- 
minaremos “botones” para iden- 
tificarlas en el código. 


(mu) ANÁLISIS PREVIO 
DEL CÓDIGO -. 

Todo el código del menú está 

implementado en el módulo 

“Menu.bb” y consta de 4 funcio- 

nes: “Menu()”, “Panel_ 

Opciones()”,“Tabla_ 

Records” y "Fondo_Menu”. 

La función “Menu()” es donde 
inicializamos el menú y donde 
alojamos el bucle principal. 
Desde este bucle llamamos a las 
diferentes opciones que imple- 
mentamos en la función “Panel_ 
Opciones()”. La función 
“Tabla_Records()” simplemente 
visualiza la tabla de puntuación 
cada cierto tiempo de inactivi- 
dad. Y por último, la función 
“Fondo_Menu()” se encarga de 
visualizar el terreno de combate 
que sirve de fondo del menú. 


(mu) FUNCIÓN 
“MENU(” 
Cada vez que el programa entra 
en esta función se cargan los 
ficheros de imágenes que partici- 
pan en el mismo y cada vez que 
se sale se borran. De esta forma 
independizamos más esta fun- 
ción del resto del juego con lo 
que podemos diseñar el menú lo 


me. 


Esquema de los submenús del juego (y l!). 


completo que queramos dispo- 
niendo de toda la capacidad del 
sistema. Dentro de la función, el 
primer paso es inicializar las 
variables de los parámetros de 
opciones cuando el juego se eje- 
cuta por primera vez. Aunque 
perfectamente este procedimien- 
to también se podía haber colo- 
cado en el módulo de definicio- 
nes. Seguidamente, cargamos 
todas las imágenes para cada 
botón (opciones), cursor y cada 
uno de los paneles. Antes de 
seguir, vamos a detallar la base 
del sistema utilizado para imple- 
mentar la elección de cada 
opción. 

En todo el menú y submenús 
disponemos de 45 botones dife- 


a. 


El paso a los submenús se realiza inmediata- 
mente, sustituyendo un grupo de opciones por 
otro al hacer clic. 
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(Mm) DESARROLLO 


Esquema del uso de la matriz 
“Eleccion_Panel(16)” y la matriz de botones 
“Boton(44)”. 


rentes que representan un total 
de 17 elecciones; es decir, si ele- 
gimos la opción “NIVEL DE 
DETALLE” encontramos cuatro 
opciones diferentes representa- 
das por distintos botones. Por 
ejemplo, en la elección “Rango 
de Visualización” encontramos 
tres botones diferentes para 
representar los tres tipos de valo- 
res “BAJO MEDIO ALTO”. Por lo 
tanto, para una elección tenemos 
tres botones distintos. Si suma- 
mos todos los menús, encontra- 
mos 17 elecciones diferentes 
que suman un total de 45 boto- 
nes. 

Para un manejo más sencillo 
de cada elección disponemos de 
una matriz que contiene los tipos 
de elecciones diferentes que 
colocamos en el módulo de defi- 
niciones: 


Para los botones definimos 
una estructura que contendrá el 
gráfico y las coordenadas de 
cada uno de ellos. Como tene- 
mos 45 diferentes, creamos una 
matriz que contenga 45 de estas 
estructuras: 

Type botones 

Field grafico 
Field x,y 

End Type 

Dim boton.botones (44) 

Dim botonB.botones (44) 

“boton.botones(44)” se utiliza 
para los botones de color amari- 
llo que aparecen cuando el pun- 
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tero del ratón se coloca sobre 
ellos y “botonB.botones(44) ” 
para los botones de color blanco 
estándar. 

De vuelta a la función 
“Menu()”, después de cargar los 
archivos de imágenes, pasamos 
a Crear cada uno de los botones 
y a asignarles el gráfico corres- 
pondiente. Como ejemplo, tome- 
mos el proceso para algunos de 
ellos en el primero de los bucles: 


For n=0 To 11 

boton(n)= New botones 

boton(n)1grafico=LoadImage 

(“c:Azone of fightersig£xl 

menulboton”+Str(n)+”.png”) 

botonB(n)= New botones 
botonB(n)1grafico=LoadImage 

(“c:Azone of fightersigfxX 

menulboton”+Str(n)+"B.png”) 

Next 

Como podemos observar, a 
cada botón de la matriz se le 
asigna una imagen, cuyo archivo 
ha sido nombrado para que 
corresponda con el nuevo botón; 
es decir, para “boton(2)” se le 
asigna la imagen “boton2.png”. 
El resto de creaciones y asigna- 
ciones funciona de la misma 
forma. 

Antes de entrar en el bucle 
principal preparamos el fondo del 
menú. Para ello, creamos y posi- 
cionamos un terreno y coloca- 
mos una cámara que luego hará 
una panorámica continua de 360 
grados. 

Dentro del bucle principal, el 
primer paso es mantener la músi- 
ca de fondo sonando. Luego, lla- 
mamos a la función 
“Fondo_Menu()” a actualizar el 
movimiento de rotación de la 
cámara que muestra el terreno 
de fondo. Lo siguiente es impri- 
mir la imagen del logo del juego 
en una esquina de la pantalla y 
todos los botones de color blan- 
co correspondiente a las opcio- 
nes principales: 

DrawImage logotipo,20, 
GraphicsHeight ()-100 
For n=0 To 6 
DrawImage botonB(n)lgrafico, 
botonB(n)1x,botonB(n)Yy 
Next 


Dim Eleccion _Panel(16) 


2 - Detalle del terreno 
3 - Sombreado del terreno 
4 - Suavizado de bordes 

5 - Rango de visualización 
6 - Niebla 

7 - Cielo 

8 - Reflejo del agua 

9 - Día y Noche 


Lista de las primeras 8 opciones equivalentes a 
los valores 2 al 9 de la matriz 
“Eleccion_Panel(16)”. 


Para cambiar el color de las 
opciones al paso del puntero del 
ratón solo tenemos que pregun- 
tar si la imagen de éste colisiona 
con cualquiera de los botones. 
En caso afirmativo visualizamos 
el botón de color amarillo en el 
lugar del de color blanco. 
Además, chequeamos si durante: 
la colisión se ha pulsado el 
botón derecho del ratón. Si es 
así, guardamos en la variable 
“eleccion” el número del botón 
correspondiente proporcionado 
por la variable del bucle 
“n” Posteriormente, el uso de 
este número nos servirá para 
dirigir el programa a una opción 
u otra: 

For n=0 To 6 
If ImagesOverlap(cursor, 
Mousex () ,MouseY () ,botonB(n)X 
grafico,botonB(n)1x,botonB(n)1y) 
DrawImage boton(n)1grafico, 
botonB(n)Yx,botonB(n)Yy 
If MouseDown(1) eleccion=n 
Else eleccion=-1 

EndIf 


Como comentábamos, el 
valor contenido en “eleccion” lo 
utilizamos en una estructura 
“Select..Case” para dirigir el flujo 
del programa. En cada una de las 
opciones llamamos a la función 
“Panel _opciones()”. Esta función 
es común para todas las opcio- 
nes, así que tenemos que pasarle 
los parámetros necesarios para 
actúe de una u otra forma depen- 
diendo de la elección (tipo de 
elección, panel gráfico, gráfico 
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Dim Eleccion_Panel(16) 


10 - Densidad de decorado 
11 - Decorado interactivo 
12 - Terreno dinámico 

13 - Volumen de la música 
14 - Volumen efectos audio 
15 - Nieve 
16 - Lluvia 


Lista de las últimas 7 opciones equivalentes a 
los valores 10 al 16 de la matriz 
“Eleccion_Panel(16)”. 


del puntero del ratón y gráfico 
del logotipo del juego): 
Select eleccion 
Case 0: 
Panel opciones(0,titulo(0), 
cursor,logotipo) 
Case 1: 
Panel opciones(1,titulo(1), 
cursor,logotipo) 


End Select 
eleccion=-1 

Para evitar mantener la última 
elección activa pasamos un valor 
de -1 a la variable “eleccion”. 

Para finalizar el bucle princi- 
pal, dibujamos el puntero del 
ratón y controlamos la aparición 
de la tabla de puntuación depen- 
diendo del valor del contador 
“aparece_tabla”. 

Salimos del bucle principal si 
pulsamos la tecla de escape o 
bien si hemos elegido la opción 
de jugar (Play = True). 

No hay que olvidar que debe- 
mos borrar todas las imágenes 
cargadas al principio de la fun- 
ción. 


(um) FUNCIÓN 
“PANEL _ 
OPCIONES” 

En esta función es donde imple- 

mentamos el resto de submenús 

del juego. Como sabemos, acce- 
demos a ella desde el bucle prin- 
cipal de la función “Menu()” con 
una serie de parámetros referen- 
tes al submenú que debemos 

visualizar. Estos parámetros son: 

Ml Tipo panel: corresponae al 
submenú de opciones selec- 
cionado. 

E Grafico_panel: corresponae al 
gráfico que representa la lista 
de opciones de cada submenú 
almacenada en la matriz “titu- 
lo(7)”. 

El Cursor_raton y logo: corres- 
ponden a los gráficos del pun- 
tero y del logotipo del juego 
que se muestra en la esquina 
de la pantalla. 

Básicamente, esta función se 
basa en una estructura “Select.. 
Case” para ir a cada una de las 
opciones dentro de un bucle 
principal “Repeat.. Until”, el cual 
termina cuando la variable “acep- 
tar” valga 1; es decir, al pulsar el 
botón “OK”. 

Antes de entrar en la estruc- 
tura “Select..Case” mantenemos 
la música del menú en continua 
reproducción, dibujamos el 
fondo del menú y el logotipo en 
la esquina. 

La primera de las opciones se 
refiere al comienzo de una nueva 
partida en donde elegimos el tipo 
de juego que queremos empren- 
der. El funcionamiento de esta 
elección fue comentada en el 
número 9 de esta sección cuan- 
do hablábamos de la elección del 
tipo de terreno de combate. Así 
que pasaremos por alto esta 
explicación para dejar paso al tra- 


Imágenes 0,1 y 2 correspondientes a los diferen- 
tes títulos de la matriz “Titulo(7)”. 


bajo de la función en el resto de 
opciones. 

Prácticamente, el proceso que 
se sigue en las siguientes opcio- 
nes es el mismo, por lo que 
comentaremos solo una de ellas. 
Elegimos pues la opción primera 
en la que modificamos el nivel de 
detalle gráfico. Lo primero que 
realizamos es que el programa 
visualice el gráfico del panel 
correspondiente contenido en la 
variable “grafico_panel”. En este 
caso se trata de la imagen “titu- 
lo1.png” de la matriz “titulo(1)”. 
Continuamos, visualizando todos 
los botones que corresponden a 
cada una de las opciones por 
cada elección (Ver Código 1). 

Observamos que el primer 
botón que mostramos en todas 
las opciones es “botonB(38)", el 
cual corresponde a la opción “OK” 
en amarillo. Los siguientes boto- 
nes (“botonB(7)”, “botonB(8)”, 
“botonB(9)”, etc.) corresponden a 
las opciones “BAJO”, “MEDIO” y 
“ALTO” para cada elección (Fig. 4). 

Seguidamente, entramos en 
un bucle “For.. Next” para recorrer 
cada uno de los botones para pre- 
guntar si han colisionado con el 


Código 1. Visualizamos todos los botones 


Case 1 


DrawImage grafico panel, ((GraphicsWidth()/2)-(ImageWidth(grafico panel)/2))-150,20 
botonB(38)1x=(GraphicsWidth()/2)+130: botonB(38)1y=180 


botonB(7)1y=20 
botonB(8)y=21 
botonB(9)1y=22 


botonB(7)1x=(GraphicsWidth()/2)-(ImageWidth(grafico panel)/2)+120: 
botonB(8)1x=(GraphicsWidth()/2)-(ImageWidth(grafico panel)/2)+180: 
botonB(9)1x=(GraphicsWidth()/2)-(ImageWidth(grafico panel)/2)+240: 
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(1) DESARROLLO 


puntero del ratón. En caso de coli- 
sión preguntamos si se ha pulsa- 
do el botón izquierdo del ratón. Si 
se pulsa, es que se ha elegido una 
opción. Ésta estará contenida en 
la variable “n” del bucle, la cual 
nos servirá para cambiar los pará- 
metros correspondientes. 
Después de asignar el nuevo 
valor, se lo comunicamos a la 
matriz de elecciones para indicarle 
el nuevo cambio. Recordemos 
que disponemos de 17 elecciones 
diferentes, las cuales utilizaremos 
para decirle al programa qué 
botón debe estar en amarillo 
(seleccionado) o en blanco (dese- 
leccionado). Por ejemplo, si elegi- 
mos la opción de nivel de detalle 
del terreno bajo, hemos seleccio- 
nado la opción 7 ( “boton(7)”, 
detalle del terreno) y el tipo de 
elección 2 (bajo). En las figuras 5 
y 6 se muestran una relación con 
los tipos de elecciones diferentes 
contenidas en la matriz “elec- 
cion_panel(16)” (Ver Código 2). 
Por último, imprimimos todas 
las opciones elegidas por medio 


de los botones de color amarillo. 
Para ello, recorremos con un 
bucle “For.. Next” cada uno de 
los diferentes tipos de elección 
para esta opción e imprimimos 
todas las que tengan un valor 
distinto de -1; es decir, las que 
han sido seleccionadas previa- 
mente pasándoles el valor de 


For n=2 To 5 
b=eleccion panel (n) 
If bo-1 DrawImage boton(b)X 
grafico,botonB(b)1x,botonB(b) y 
Next 
Antes de cerrar el bucle princi- 
pal de esta función debemos 
chequear la pulsación del botón 
“OK” (“botón(18)”) en todos los 
submenús con el procedimiento 
habitual (Ver Código 3). 


(u) FUNCIÓN “TABLA 
RECORDSO0O” Y 
“FONDO_MENU(” 

La función “Tabla_Records()” 

simplemente carga el fichero 


de puntuación y lo visualiza 
sobre un panel gráfico sobre el 
fondo del menú durante un 
tiempo determinado contenido 
en la variable contador “conta- 
dor”. Por último, la función 
“Fondo_Menu()” actualiza la 
posición de la luz ambiente y 
mantiene la rotación de la 
cámara. 

Como hemos observado, el 
sistema utilizado para imple- 
mentar el menú del juego per- 
mite añadir de forma sencilla 
nuevas opciones, simplemente 
aumentando la capacidad de 
las matrices de elección y de 
los gráficos de botones y 
paneles. 


En el próximo 
número... 


... finalizaremos el 
desarrollo de “Zone of 


Fighters” implementando 
un sistema simple de 
multijugador utilizando el 
protocolo UDP. 


Código 2. Tipos de elecciones diferentes 


For n=7 To 16 


DrawImage botonB(n)lgrafico,botonB(n)Yx,botonB(n) y 
If ImagesOverlap(cursor_raton,MouseX(),MouseY(),botonB(n)1grafico,botonB(n)Yx,botonB(n)Yy) 
DrawImage boton(n)1grafico,botonB(n)1x,botonB(n)ly 


Tf MouseDown(1) 
Select n 


Case 7: detalle terreno=1000: eleccion panel (2)=n 


Case 8: 
Case 9: 


End Select 
EndIf 
EndIf 


detalle terreno=1500: eleccion panel(2)=n 
detalle terreno=2500: Num particulas=200:eleccion panel (2)=n 


DawImage botonB(38)1grafico,botonB(38)1x,botonB(38)1y 
If ImagesOverlap(cursor_raton,MouseX(),MouseY(),botonB(38)1grafico,botonB(38) Wx,botonB(38)1y) 
DrawImage boton(38)1grafico,botonB(38)1x,botonB(38)1y 


If MouseDown(1) 
c_sclic=PlaySound(sclic) 


ChannelVolume c_sclic,Volumen SFX 


aceptar=1 
EndIf 
EndIf 
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Texturas para 


onos y sprites 


on esta entrega 
terminamos de rea- 
lizar los gráficos 
para “Zone of 
Fighters”. 

Desarrollaremos las textu- 
ras para los bonas, lo cual 
nos servirá para aprender téc- 
nicas de solapamiento de ca- 
pas para lograr más profundi- 
dad en texturas de modelos 
cúbicos. Además, aprendere- 
mos a crear nuestros propios 
gradientes de color, los: cuales 
son muy importantes para re- 
alizar texturas para sprites uti- 
lizados en sistemas de partí- 
culas. 


Y TEXTURAS 

LAS CARAS DI 

UN MODELO 
-ÚBICO 

Cuando tenemos un cubo y 
queremos adaptarle una mis- 
ma textura en todas sus caras 
es importante tener en cuenta 
que los cuatro bordes de la 
textura coincidirán entre sí. 
También, es posible añadir 
efecto de relieve a cada cara 
aplicando una textura con 
múltiples capas superpuestas 
con efectos de sombreado pa- 
ra crear diferentes niveles. 

En “Zone of Fighters”en- 
contramos un ejemplo claro 
de este uso de texturas en los 
bonos que encontramos es- 
parcidos por el terreno. Estos 
bonos son cubos girando en 
su eje Y mostrando la misma 
imagen en todas sus caras. 
Básicamente, la técnica utiliza- 
da para cada uno de los dife- 
rentes bonos es la misma. Por 
ello, solo vamos a explicar 
aquí las más significativas. 

Para nuestro primer ejem- 
plo vamos a realizar la textura 
de los bonos de munición de 
bajo calibre (Fig. 1). 


í 


o CAPAS 

SUPERPUESTAS 
Para empezar creamos un do- 
cumento nuevo de 128 x 128 
de tamaño. La textura consta 
de diversos marcos super- 
puestos para dar sensación 
de profundidad. Para crear el 
primer marco lo primordial es 
crear una nueva capa, la cual 
llamamos “marco 1”. La for- 
ma del marco la obtendremos 
a partir de la librería de Preset 
Shapes que utilizamos en el 
número anterior. Pulsamos en 
el icono de “Preset Shapes” y 
seleccionamos de la librería 
del panel de opciones la figu- 
ra “Rectangle”. Nos interesa 
solo el borde, así que selec- 
cionamos la opción Antialias 
y colocamos un borde de 15 
unidades en Line Width. 
Antes de dibujar el cuadrado 
vamos a aplicarle una textura 
al borde para evitar un color 
plano. Nos dirigimos a la pale- 
ta Colors y seleccionamos el 
Pattern Wrapped para Styles 
de la librería de patrones. Ya 
podemos dibujar el marco so- 
bre el fondo. Observamos có- 
mo se crea un cuadrado con 
los bordes rellenos con el pa- 
trón elegido (Fig. 2). 

El siguiente paso es pro- 
porcionarle un color adecua- 
do. Una forma muy fácil de 
hacer esto es utilizando el ba- 
lance de color en Colors / 
Adjust / Color Balance con los 
valores -100, -100, 100 para 
obtener el tono azul. Hacemos 
las mismas operaciones para 
un segundo marco más pe- 
queño, el cual dibujamos en 
una nueva capa que llamamos 
“marco 2”. En esta ocasión el 
tono de color es verde. Al pri- 
mer marco le aplicamos un 
efecto Inner Bevel para darle 
más apariencia de profundi- 


Imágenes de las texturas de todos los bonos del 
juego. 


En la primera de las capas dibujaremos el marco 
situado más abajo. 


Aplicando el efecto Inner Bevel conseguimos más 
profundidad entre los marcos. 


Con la herramienta de retoque Smudge consegui- 
mos desplazar las esquinas del segundo marco 
para que parezca que está unido al marco inferior. 


Ganamos mucha más profundidad si modificamos 
la orientación de una de los marcos. 


Disponemos de cuatros estilos de gradientes dife- 
rentes: lineal, rectangular, esférico y radial. 


dad con los siguientes pará- 

metros: 

Ml Figura primera de la librería 

en Bevel con un tamaño de 

1. 

M En Image: una suavidad de 

10, profundidad de 5, am- 

biente a O y un brillo del 

380% 

En Light: Color azul claro, 
ángulo a 315 grados, inten- 
sidad al 25 % y una eleva- 
ción del 40% 

Debemos recordar que a la 
capa del fondo no se le puede 
aplicar ningún efecto 3D de 
imagen. Para realizarlo, debe- 
mos duplicarla para crear una 
nueva capa con él y posterior- 
mente, borrar por completo la 
capa del fondo. 

Seleccionamos la capa del 
segundo marco y apliquémos- 
le el mismo efecto con los 
mismos parámetros; es decir, 
aplicando last used en la casi- 
lla presets. Podemos observar 
cómo el marco más pequeño 
parece que está sobre el más 
grande (Fig. 3). 

Aun así, sigue dando la 
sensación de que ambos mar- 
cos están separados. Así que 
una buena forma de unirlos es 
uniendo las esquinas del mar- 
cos pequeño con las del mar- 
co mayor. Por lo tanto, selec- 
cionamos la capa “marco 2” y 
pasemos a alargar cada uno 
de los picos hacia las esqui- 
nas del dibujo. La mejor ma- 
nera de realizar esta operación 
es utilizando la herramienta 
Retouch en el modo Push o 
Smudge ( embadurnar), aun- 
que es mejor la segunda. 
Elijámosla y apliquemos los si- 
guientes parámetros al pincel 


Ba RECORDATORIO 


nos e que a 


de retoque: forma redonda, 

tamaño (size) 15, dureza 

(hardness) 10, opacidad y 

densidad a 100 y por último 

un paso (step) de 1. Una vez 
configurada la herramienta, 
nos situamos en una de las 
esquinas del marco pequeño 
verde y la desplazamos con 
cuidado hacia su misma es- 

quina en la imagen (Fig. 4). 

Después de realizar la 'ope- 
ración con las cuatro esqui- 
nas, pasamos a aplicar un 
nuevo marco, pero esta vez 
rotado hasta adquirir la forma 
de rombo. Para dibujarlo, re- 
ducimos el grosor del borde a 
8 unidades y elegimos el pa- 
trón Leather para Styles. 

La rotación la aplicaremos 
con la herramienta de defor- 
mación. Al pulsar en el icono 
el marco se rodeará de peque- 
ños cuadrados, los cuales sir- 
ven para modificar el tamaño 
de la imagen seleccionada. En 
el centro tenemos dos puntos 
más, unidos por una línea. El 
primero se utiliza para despla- 
zar la imagen seleccionada y 
el segundo es el que utiliza- 
mos para rotar la figura. 
Colocamos el nuevo marco 
como se muestra en la figura 
5 

Si una vez rotado observa- 
mos que la figura sobresale 
del resto de marcos, utiliza- 
mos los puntos de deforma- 
ción de las esquinas para re- 
ducir el tamaño. Para aplicar la 
transformación pulsamos en 
el botón “Apply” de la ventana 
de opciones de esta herra- 
mienta Toos Options -— 
Deformation. El siguiente paso 
será aplicar de nuevo un efec- 
to Inner Bevel con los siguien- 
tes parámetros (Fig. 5): 

MW La quinta figura de la librería 

en Bevel con un tamaño 

de 4. 

En Image: una suavidad de 
10, profundidad de 5, am- 
biente a O y un brillo del 
30%. 

NW En Light: Color marrón cla- 
ro, ángulo a 315 grados y 
una intensidad y elevación 
del 40%. 


KO) 


Para terminar nuestra textura 
vamos a crear la esfera de co- 
lor amarillo del centro que re- 
presenta el tipo de munición 
que proporciona este bono. 
Para lograr el efecto de esfera 
con un dibujo plano se suelen 
utilizar gradientes de color. 
Pero antes elegimos la herra- 
mienta de pincel con un tama- 
ño de 70 y con la dureza 
(Hardness) a O. 

En Paint Shop Pro pode- 
mos crear los gradientes de 
color que queramos con cua- 
tro estilos diferentes: lineal, 
rectangular, esférica y radial. 
Para seleccionarlos debemos 
elegir el estilo de gradientes 
en Styles pulsando sobre la 
flechita negra de Styles y eli- 
giendo el segundo icono HEM. 
A continuación, pulsando en 
el cuadrado de Styles aparece- 
rá una ventana flotante con 
todas las opciones. A la dere- 
cha encontramos los cuatro 
estilos de gradientes. De arri- 
ba a abajo: lineal, rectangular, 
esférica y radial. En la peque- 
ña ventana gráfica de la ¡iz- 
quierda tenemos un previo del 
gradiente seleccionado. 
Podemos modificar el punto 
de tonalidad más clara modi- 
ficando los parámetros 
“Horizontal” y “Vertical” o 
bien desplazando con el ratón 
la pequeña cruz que se mues- 
tra en la ventana gráfica de 
previo. Elegimos el estilo esfé- 
rico y colocamos la cruz en el 
centro de la imagen (Fig. 6). 

Para editar el aspecto del 
gradiente debemos pulsar en 
el botón “Edit”. Aparecerá una 
nueva ventana llamada 
Gradient Editor. En la parte 
superior disponemos de una 
librería con algunos tipos de 
gradientes ya definidos pero 
que podemos añadir los nues- 


tros propios. Los puntos de 
color y la distancia entre estos 
lo definimos en Gradient. La 
transparencia del gradiente la 
modificamos en Transparency 
y en Result se muestra el re- 
sultado final de mezclar 
Gradient y Transparency. En la 
figura 7 se muestra una des- 
cripción de estas secciones. 
Para nuestra esfera vamos 
a utilizar un degradado de co- 
lor desde el amarillo hasta el 
blanco. Así que vamos a crear 
uno nuevo para nuestro dibu- 
jo. Pulsamos en el botón 
“New” y le damos el nombre 
de “BONOS” al nuevo gradien- 
te. En Gradient aparecerá un 
degradado entre un punto ini- 
cial y otro final. Estos puntos 
están representados por pe- 
queños cuadrados rellenos de 
color. Pulsamos en el cuadra- 
do de color situado a la dere- 
cha de Custom para activar el 
degradado por color. Para 
cambiar el primer tono a ama- 
rillo, hacemos clic cobre el pri- 
mer cuadrado. El rectángulo 
de color situado a la derecha 
del botón “Custom” represen- 
ta el color de este cuadrado. 
Hacemos clic sobre él para 
modificarlo. Seleccionamos un 
tono amarillo de la paleta de 
colores. Observamos cómo el 
primer cuadrado del gradiente 
se rellena con el color elegido. 
Hacemos lo mismo con el se- 
gundo punto del gradiente 
pero eligiendo un tono blanco. 
Hemos creado un gradiente de 
color desde el amarillo hasta 
el blanco. Podemos modificar 
el punto donde coinciden am- 
bas tonalidades cambiando el 
valor de Location o desplazan- 
do el pequeño círculo sobre la 
línea de gradiente. Para nues- 
tro dibujo situamos esta loca- 
lización en el centro; es decir 
al 100% en Location. 
Pulsamos Ok para volver a la 
ventana Gradient. Antes de 
salir deseleccionamos la op- 
ción Invert gradient. Para ter- 
minar, seleccionamos la capa 
del fondo y hacemos clic con 
la herramienta de pincel pre- 
viamente seleccionada en el 


A través del editor de gradientes (Gradient Editor) 
podemos definir cuántas divisiones de color que- 
ramos. 


Cada herramienta de dibujo, como el pincel o el 
bote de relleno, puede tener su propio gradiente. 
Así que es importante seleccionarla previamente 
antes de elegir un gradiente. 


DEFINICIÓN 


Procedimientos para dibujar el marco interior y 
unirlo al marco exterior. 


Utilizar un gradiente para rellenar el hueco entre 
los dos marcos simula el aspecto interior del 
modelo cúbico. 


Al 


o 
FU 


TAMAÑO VISIBLE 


TAMAÑO REAL 


Para evitar la forma cuadrada de la textura cuando 
visualicemos el sprite en el juego, debemos dibu- 
jar el gradiente más pequeño que el tamaño total 
de la imagen. 


centro de la imagen (Fig. 8). 

Vamos a realizar otra de las 
texturas para practicar un po- 
co más los procedimientos 
anteriores. Para ello, elegimos 
el bono de puntuación, que 
como podemos ver en la figu- 
ra 1, consta de dos marcos, 
un gradiente rectangular y una 
letra sombreada. 

Empezamos con un nuevo 
documento de 128 x 128. 
Creamos una nueva capa y di- 
bujamos en ella el primero de 
los marcos de la misma mane- 
ra que lo hicimos para la tex- 
tura anterior y le aplicamos el 
efecto Inner Bevel que guarda- 
mos en presets. El segundo 
marco lo colocamos en el in- 
terior del primero. Le asigna- 
mos un borde de 5 píxeles y 
lo dibujamos en una nueva ca- 
pa. De nuevo, le aplicamos un 
efecto Inner Bevel pero con 
los siguientes parámetros: 

l La quinta figura de la librería 
en Bevel con un tamaño de 1. 
Il En Image: una suavidad de 
8, profundidad de 30, am- 
biente a 21 y un brillo del 
380%. 

Ml En Light: Color marrón cla- 
ro, ángulo a 315 grados, 
una intensidad del 18% y 
una elevación del 40%. 

Seguidamente, con la he- 
rramienta de retoque 
(Retouch) elegimos el modo 
Smudge y asignamos un ta- 
maño de 10 al pincel de reto- 
que. Nuestra intención es des- 
plazar las esquinas del marco 
interior hasta las esquinas del 
marco exterior para unirlas 
(Fig. 9). 

Para aumentar el efecto de 
profundidad, pasemos a relle- 
nar el fondo negro con un gra- 
diente rectangular. 
Seleccionamos la herramienta 
de relleno y cambiemos en 
Styles el color de tinta por un 
gradiente. En la ventana 
Gradient elegimos el estilo rec- 
tangular. Entramos en el editor 
de gradientes y creamos uno 
nuevo. Para el primer punto 
del gradiente elegimos un tono 
azul y para el segundo el color 
blanco. Aceptamos y en la 


ventana Gradient selecciona- 
mos la opción Invert Gradient. 
Antes de salir, colocamos el 
punto de tono de color más 
claro en el centro de la imagen 
de previo (si no lo está). 
Rellenamos la capa del fondo 
con el gradiente, haciendo clic 
en el centro de la imagen. 

Ya solo nos queda colocar 
el símbolo “ $ ” en el centro 
de la textura. Para ello, selec- 
cionamos la herramienta de 
texto. Elegimos el tipo de letra 
que creamos para el juego 
(“Dungeon”); en su defecto 
podría valer “Arial” o “Times”. 
Seleccionamos un tamaño de 
letra de 80 y elegimos un co- 
lor amarillo en Fill. Situamos el 
símbolo en el centro de la 
imagen. Observamos cómo se 
ha creado una nueva capa 
vectorial. Para aplicar una 
sombra hay que convertirla a 
Bitmap rasterizándola 
(Convert to Raster Layer) 
(Fig.10). 

Para terminar, le aplicamos 
el efecto 3D Drop Shadow 
con un Offset de 2 (vertical) y 
-1 (Horizontal) y unos atribu- 
tos con opacidad 73 y desen- 
foque (blur) del 8,5 %. 


4 PUED AS AA 
Los gradientes de color son 
muy utilizados para crear las 
texturas para sprites utilizados 
en sistemas de partículas o 
disparos. Para realizarlas, lo 
más importante a tener en 
cuenta es que el gradiente 
nunca llegue a cubrir toda la 
imagen; es decir, que no lle- 
gue al límite de su tamaño. Si 
no lo hiciéramos así, durante 
el juego veríamos, además del 
gradiente, el cuadrado de la 9 
textura. En la figura 11 se 
muestra cómo se diseña una 
textura para una partícula es- 
férica. 


En el próximo 
número... 


... aprenderemos otras 
técnicas de diseño. 


Secuenciadores 


ara ilustrar el funcio- 

namiento de ModPlug 

vamos a realizar una 

canción simple con 
dos o tres patrones. 

La idea que perseguimos es 
que el lector pueda empezar a 
trabajar con este secuenciador y 
obtener resultados útiles. 


Lo primero que tenemos que 
hacer es crear una canción nue- 
va y elegir el formato que vamos 
a utilizar. Solo usaremos instru- 
mentos basados en muestras 
de audio, así que la mejor op- 
ción para empezar es utilizar el 
formato de Impulse Tracker (IT). 
Por lo tanto, ejecutamos el pro- 
grama y nos vamos al menú File 
para elegir la opción New 
(“CTRL'+ “N”) y la opción “IT”. 
Aparecerá una nueva venta- 
na en la zona de edición sin títu- 
lo. Agrandémosla al máximo pa- 
ra adaptarla a toda la zona. Nos 
encontramos en la pestaña 
General. Observamos cómo en 
Song Type se muestra el forma- 
to IT con 16 canales. Como solo 
vamos a utilizar cuatro, cambie- 
mos el número de ellos pulsan- 
do en Change y eligiendo 4 
Channels. El siguiente paso será 
dar nombre a la nueva canción 
en la casilla Song Title. Por el 
momento mantenemos el tem- 
po por defecto de 125 negras 
por minuto. Pasemos a la zona 
inferior para renombrar cada 
uno de los 4 canales como 
CIO CRY Cad (Rig): 
El resto de parámetros los 
dejamos como están. Pasemos 
a la sección de patrones pulsan- 
do en la pestaña Patterns. 
Podemos ver cómo se muestran 
los cuatro canales y un patrón 
con 64 líneas del primero. 
Demos un nombre al patrón, 
por ejemplo “PATRON 1” en la 


: Videa 


trackers (Il) 


casilla Pattern name. Antes de 
poder tocar cualquier nota es 
necesario cargar un sonido. En 
la casilla Instrument es donde 
se selecciona cada sonido. Por 
el momento no hay ninguno. 


Para cargar los sonidos pase- 
mos a la casilla Samples. Por 
defecto disponemos de un soni- 
do vacío llamado “untitled”. 
Pulsamos en el icono lá para 
sustituir el sonido por uno nue- 
vo. En el directorio “Extras” del 
CD se ha proporcionado una se- 
lección de ellos. Elegimos 

“C_ Kick”, el cual corresponde a 
un bombo de batería. 
Observamos cómo “untitled” es 
sustituido por el nombre del 
nuevo sonido y en la parte infe- 
rior de la pantalla aparece su re- 
presentación gráfica. Para re- 
producirlo podemos pulsar en el 
icono Bl o bien a través del te- 
clado (Fig. 2). 

El teclado del ordenador nos 
sirve para reproducir los soni- 
dos. Cada tecla representa un 
tono diferente desde “OQ a+”, “A 
a "y iZa= MIO 3): 

Podemos reproducir solo 
una parte del sonido seleccio- 
nándola con el ratón en la gráfi- 
ca. Además, es posible tocarlo 
varias veces a la vez pulsando 
varias teclas simultáneamente 
como si fuera un acorde. 

Para añadir un nuevo sonido 
debemos pulsar en el icono Bl. 
Al hacerlo la casilla Sample 
mostrará un “2” indicando que 
estamos en una nueva platilla a 
la espera de cargar una nueva 
muestra. Elijamos entonces 
“C_HC” del disco, el cual corres- 
ponde a una caja. Hacemos la 
misma operación con el sonido 
“Maracas” y con “Vangelis”. 
Bien, ya estamos preparados 


Podemos ajustar el número de canales que vamos 
a usar en Song Type. 


REPRODUCIR 
SONIDO 


Para sumar sonidos debemos crear una plantilla 
nueva y luego cargar el fichero de audio. 


Esquema de la equivalencia en el teclado del orde- 
nador de la escala cromática. 


SELECTOR DE 
PATRONES 


Podemos grabar nota a nota o bien mientras se 
reproduce el patrón. 


ZONA DE 
1) AUDIO z . 


Podemos aplicar varios sonidos diferentes en una 
misma columna. 


Orea | 42, Potrero $ mi 0 tramas | E 


IZQUIERDO 
DESPLAZAR 


sl 


Mediante el uso del ratón podemos copiar o des- 
plazar grupos completos de notas de un lugar a 
otro del patrón. 


para escribir las primeras notas. 


(» EDITANDO EL 

PATRÓN 
Pasemos a la sección de patro- 
nes. Para navegar por el patrón 
es bien sencillo. Solo tenemos 
que utilizar los cursores o el 
puntero del ratón. Con “CTRL + 
INICIO” nos situamos en la pri- 
mera línea y con “CTRL + FIN” 
en la última. Pulsando en la te- 
cla “INICIO” nos situamos al 
principio de la primera columna 
y con “FIN” al final de la última. 
Con la tecla de tabulación pasa- 
mos de una columna a otra. Si 
disponemos de un ratón con 
rueda, desplazaremos la venta- 
na de patrones verticalmente 
con ella de manera rápida. 
Elegimos de la casilla 
Instrument el primer instrumen- 
to que cargamos, “C_Kick”. 
Podemos realizar esta operación 
de varias formas, bien desde la 
misma casilla o con “CTRL + 
Cursor arriba” y “CTRL + Cursor 
abajo”. 

En este momento, si pulsa- 
mos el teclado oímos el sonido 
elegido. Para poder colocar nue- 
vas notas en el patrón a medida 
que tocamos es necesario dejar 
pulsado el icono de grabación 
A. Nos situamos al principio del 
todo del patrón en la parte para 
las notas de la primera columna. 
Pulsamos en el teclado la “O”, 
correspondiente al DO de la 
cuarta octava (C4) de un teclado 
musical. Vemos que aparece 
“C-4” y al lado “01”; es decir, 
correspondiente al tono y al nú- 
mero del instrumento elegido, y 
que el cursor se sitúa en la si- 
guiente línea automáticamente, 
a la espera de una nueva graba- 
ción (Fig. 4). Podemos grabar 
mientras se reproduce el patrón 
pulsando también en el botón 
de reproducción Kl. Este méto- 
do es menos real ya que la velo- 
cidad de grabación no corres- 
ponde con la de reproducción. 
Por lo tanto, es preferible situar- 
nos en la línea manualmente y 
tocar las notas una a una. 
Situemos el cursor en la línea O 
y pulsamos la tecla “O”. 
Seguidamente hacemos lo mis- 


mo para las líneas siguientes: 
“8, 16, 18, 19, 24, 32, 40, 48, 
50, 51 y 565. 

Es posible copiar y pegar una 
nota o un grupo de ellas con so- 
lo seleccionarla con el ratón y 
utilizando el método de copiar y 
pegar (“CTRL+C” y “CTRL+V”). 

Si no hemos colocado una 
nota correctamente y queremos 
borrarla, solo tenemos que ha- 
cer clic sobre ella y pulsar la te- 
cla “SUPR”. Si queremos borrar 
toda la línea, podemos seleccio- 
narla con el ratón o a través de 
la opción Delete Row (tecla de 
borrar) del menú flotante que 
aparece al hacer clic con el bo- 
tón derecho del ratón sobre la lí- 
nea. Hay que tener en cuenta 
que al suprimir una línea todas 
las que le siguen se situarán en 
una línea anterior. 

Aunque no tengamos ningún 
volumen definido para cada no- 
ta, éste por defecto se coloca 
en el valor mayor posible. De to- 
das formas, es posible aumen- 
tarlo más si cabe con el botón 
de amplificación K y eligiendo 
un porcentaje mayor del 100%. 

Bien, ya tenemos el primer 
canal con música. El siguiente 
paso será grabar la caja. Nos si- 
tuamos en el canal segundo 
(2:C2) y seleccionamos el soni- 
do número 2 (C_HC) correspon- 
diente a la caja. Hagamos la 
misma operación anterior y co- 
loquemos la nota D5 correspon- 
diente a la tecla “D” en las si- 
guientes líneas: “4, 12, 22, 28, 
36, 44, 54 y 60” (Fig. 5). 

Podemos desplazar grupos 
de notas de una posición del 
patrón a otra (a cualquier canal 
si queremos) seleccionándolas 
con el ratón y desplazándolas 
sin dejar de hacer clic. Para co- 
piar el grupo seleccionado te- 
nemos que mantener pulsada 
también la tecla “SHIFT” 

(Fig. 6). 


En el próximo 
número... 


... terminaremos nuestro 


pequeño ejemplo añadien- 
do nuevas notas y aplican- 
do efectos. 


Video 


Funciones de red 


y protocolos 


n el número anterior 

nos quedamos en el 

funcionamiento de 

los comandos para la 
comunicación con el protoco- 
lo UDP. 

En esta entrega terminare- 
mos de ver las funciones UDP, 
así como el manejo de las 
DirectPlay. 


Y) FUNCIONES PARA 
GESTIONAR EL 
PROTOCOLO UDP 
(Y 1) 

Como sabemos, en toda 

comunicación UDP es necesa- 

rio conocer el puerto de quien 
recibirá el mensaje, pero tam- 
bién necesitamos saber su 
dirección IP. El valor de la IP 
se obtiene directamente al 
recibir un mensaje con 

“RecvUDPMsg”, ya que esta 

función permite leer los datos 

del “stream” y además, retor- 
na un número entero corres- 
pondiente a la IP de quien lo 
envía: 


ME e = RecvUDPMsg 
IP Cliente = Mensa] 


Sin embargo, existe otra 
manera de averiguar este 
dato sin la necesidad de 


OBTENER 
IP 


IP = RecvUDPMsg 
IP = UDPStreamiP 


OBTENER 
PUERTO 


Puerto = UDPMsgPort 


Procesos para obtener la IP y el puerto del que 
envía un mensaje utilizando el protocolo UDP. 
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abrir el “Stream” para leerlo 
con “RecvUDPMsg” y es 
con la instrucción 
“UDPStreamiP”: 


A menudo, necesitaremos 
saber el puerto y el IP pero del 
último mensaje recibido. Para 
ello disponemos de las fun- 
ciones: “UDPMsgPort”, para 
averiguar el puerto, y 
“UDPMsglP” para la IP. 

Al igual que ocurre en el 
protocolo TCP, es importante 
poder controlar la actividad de 
las funciones que reciben la 
información de la red. En el 
caso del protocolo UDP pode- 
mos determinar el tiempo que 
la función “RecvUDPMsg” 
esperará para recibir un nuevo 
mensaje con la instrucción 
“UDPTimeouts”: 


Por defecto, el valor de 
espera vale O, así, si 
“RecuUDPMsg” no recibe 
nada, la función terminará 
inmediatamente. 


Y OBTENCIÓN DE LA 
DIRECCIÓN IP 
Generalmente, el usuario no 
conoce la dirección IP de su 
equipo o de cualquier otro; es 
posible obtenerla desde 
Blitz3D con la función: 


C11) 


OBTENER 
IP LOCAL 


Num_Host = CountHostIP ('") 
Num_IP = HostlP (Num_Host) 
IP$ = Dotted$ (Num_IP) 


Procesos básicos para obtener la IP con nota- 
ción estándar 1.2.3.4. 


“HostIP": HostlIP (NN 


El parámetro “Número del 
Host” se refiere a un “host” 
(anfitrión) determinado de 
todos los disponibles. Para 
averiguar este dato dispone- 
mos de la función 
“CountHostlPs”, la cual alma- 
cena en una variable el núme- 
ro de “Hosts” conocidos: 


= 48" 


= CountHostIPs 


Si a “Nombre_Host$” no se 
le pasa ningún nombre con- 
tendrá el del “Host” local. 

Por lo tanto, para obtener 
la IP de un equipo local: 


HostIP (CountHostlIps (“”)) 


Sin embargo, la variable 


tura 1?" contendrá como 
valor de la IP un número ente- 


> SIGNIFICADO DE LOS NÚMEROS DE UNA IP 
M Primer número: País o zona geográfica 


MH Segundo número: Organización o provincia 
M Tercer número: Grupo de Ordenadores 
MW Cuarto número: Terminal 
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ro, que es la manera interna 
que Blitz3D tiene de manejar- 
la. Recordemos que la nota- 
ción que nosotros manejamos 
de una dirección IP se compo- 
ne de un grupo de cuatro 
valores numéricos desde O 
hasta 255 separados por un 
punto. Así que debemos con- 
vertir el valor entero contenido 
en “Num_Host” a esta nota- 
ción mediante la función: 


(Ver “Ejemplo19_1.bb”) 


O FUNCIONES PARA 
EL MANEJO DE 
LAS DIRECTPLAY 

Aprovechando la oportuni- 

dad que Blitz3D nos brinda 

para manejar las DirectPlay 
por medio de una serie de 
funciones específicas, pode- 
mos crear y gestionar parti- 
das multijugador con suma 
facilidad. El uso de las 

DirectPlay no es recomenda- 

ble para comunicar a más de 

dos jugadores para juegos 
en tiempo real debido a su 
lentitud. Sin embargo, es 
ideal para crear juegos en 
donde no es necesaria una 
gestión inmediata de la infor- 
mación, por ejemplo, en jue- 


El uso del protocolo UDP 
para un juego multijuga- 
dor puede funcionar sin 


necesidad de tener al 
menos dos equipos conec- 
tados o una partida crea- 
da como ocurre con las 
DirectPlay. 


gos por turnos como los de 
tablero, cierto tipo de estra- 
tegia, etc. Otra gran desven- 
taja que podemos encontrar 
en el uso de las DirectPlay es 
que es necesario que haya 
conexión entre al menos dos 
equipos y que haya una par- 
tida y al menos un jugador 
creados de antemano para 
que funcione. 


% ¿CÓMO CREAR UNA 
NUEVA PARTIDA 
MULTIJUGADOR O 
UNIRSE A ELLA? 

Antes de comenzar cualquier 

partida multijugador es nece- 

sario crearla en un equipo que 
actuará de anfitrión (Host) y al 
cual se unirán los demás juga- 
dores. Podemos realizar esto 
de dos formas diferentes: 

Utilizando la ventana de diálo- 

go estándar de Windows o 

bien directamente. 

Para el primer método 
debemos usar la función: 


“StartNetGame()"”: 
= StartNetGame () 


Esta función también nos 
sirve para unirnos a una parti- 
da ya creada. Al terminar de 
ejecutarse se devolverá en 
“Nuevo_Juego” un valor indi- 
cando el resultado de la ope- 
ración realizada por 
“StartNetGame()”. Si el valor 
es O indica que no se ha podi- 
do crear un nuevo juego. Si es 
1, que nos hemos unido a un 
juego existente y si devuelve 
un 2, es que se ha creado un 
nuevo juego (Ver Código 1). 

Para el segundo de los 
métodos, es decir, prescin- 
diendo de la ventana de diálo- 
go de Windows, debemos uti- 
lizar “HostNetGame” para 
crear un nuevo juego (devuel- 
ve un 2 si se crea el juego): 


A 5 
País o Zona Geográfica 


Organización o Provincia 


Grupo de ordenadores 


Terminal 


Significado de cada uno de los grupos de núme- 
ros que componen una dirección IP. 


y “JoinNetGame” para unir- 
nos a un juego existente 
(devuelve un 1 si se une al 
juego). 

JoinNetGame (Nombre de partida, 
IP del host o servidor) 

El segundo parámetro se 
refiere a la dirección IP en 
notación estándar 1.2.3.4. 

Por lo tanto, un ejemplo 
para crear una partida sería: 


Print ” 


= JoinNetGame 


(2 ' US pa LE Í ) 
Print “ 


Else 
Print “Unión al 


Código 1. Vemos el resultado de la operación que realiza “StariNet Game” 


Nuevo adoo = StartNetGame() 


If Nuevo Juego = 0 Print “No se ha podido crear un nuevo juego o unir a uno existente” 


If Nuevo Juego = 
If Nuevo Juego = 


1 Print “Se ha unido al juego correctamente” 
2 Print “Nuevo juego creado correctamente” 
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Una vez creada una partida 
con “StartNetGame ()” es 
posible pararla utilizando 
“StopNetGame ()”. Esto no 
implica que la partida se elimi- 
na completamente ya que es 
posible transferir la sesión del 
host a otro equipo conectado 
al juego, con lo que la partida 
continuaría. 


% GESTIONANDO UNA 
PARTIDA MULTIJUGADOR. 
LOS JUGADORES 

Toda nueva partida debe tener 

jugadores. Además, es nece- 

sario tener al menos uno crea- 
do para poder enviar o recibir 
mensajes Así que para crear 
un nuevo jugador disponemos 
de la función que podemos 

ver en el Código 2. 

La variable “Nuevo_Jugador” 
contendrá un número entero 
con la identificación interna 
del jugador, el cual es usado 
en las operaciones de envío y 
captación de mensajes. Como 
veremos más adelante, tam- 
bién se produce un mensaje 
especial que es enviado a 
todas los demás jugadores 
(equipos remotos) avisando 
de la nueva creación. Lo 
mismo ocurre si borramos un 
jugador, lo cual podemos rea- 
lizar aprovechando el número 
de identificación del mismo 
por medio de la función 
“DeleteNetPlayer”: 


Un ejemplo sería: 


= StartNetGame() 
Nuevo Jugador = CreateNetPlayer 
(“Dario”) 

DeleteNetPlayer Nuevo Jugador 


Nuevo Juego 


Una vez que hemos creado 
los jugadores es posible que 
cualquiera de ellos pueda 
saber el nombre de los demás 
utilizando “NetPlayerNameS”: 

ue ego = StartNetGame() 

ue uga = CreateNetPlayer 
(“Dario”) 

Print “El mWre de 

“+ NetPlayerNames ( 

Podemos obtener más 
especificamente, además del 
nombre, si el que ha enviado 
el mensaje es el jugador del 
“host” con la función 
“NetPlayerLocal”, si es así, 
devolverá el valor 1 y si no, 
un O. 


Y% GESTIONANDO UNA 
PARTIDA 
MULTIJUGADOR. 

LA INFORMACIÓN 
Después de crear un juego y 
los jugadores utilizando las 
DirectPlay debemos gestionar 
la información que transita 
entre ellos a través de la red. 
Para recibir los mensajes que 
llegan por la red debemos utili- 
zar “RecvNetMsg()” continua- 
mente, ya que lo único que 
hace es chequear si ha entrado 
un mensaje. En caso afirmativo 
devuelve un valor “True”: 

While Not KeyHit(1) 
If RecvNetMsg() = True Print 


“ ” 


JUEGO MULTIJUGADOR 
StartNetGame 


0 - No se ha podido crear 
1 - Nuevo jugador 
2 - Nuevo juego 


HostNetGame 


2 - Nuevo juego 


JoinNetGame 
1 - Nuevo jugador 


Mensajes devueltos al iniciar un juego multiju- 
gador con la instrucción “StartNetGame” 
correspondiente a la ventana estándar de 
Windows para DirectPlay. 


Cada mensaje enviado o 
recibido lleva incluido, ade- 
más del mensaje propiamen- 
te, cierta información que 
indica su procedencia y su 
tipo. Blitz3D proporciona 
diferentes funciones para ais- 
lar y obtener cada uno de 
estos datos. 

Supongamos que un juga- 
dor de la partida ha recibido 
un nuevo mensaje, puede 
saber de qué tipo es con la 
función “NetMsgType()”. En la 


Nuevo Juego = StariNeíGamel 
Jugador$ = "nombre" 


Jug=CreateNetPlayerldugador 


Proceso básico para crear un nuevo jugador uti- 
lizando las DirectPlay desde Blitz3D. 


Código 2. Creamos un nuevo jugador 


“CreateNetPlayer”: 
Nuevo Juego = StartNetGame() 
Nombre Jugador$ = “Darío” 


Nuevo Jugador = CreateNetPlayer (Nombre Jugador$) 


If Nuevo Jugador = 1 


Print “Se ha creado el jugador “+Nuevo Jugador+” con el nombre “+Nombre Jugador$ 


Else 


Print “No se ha podido crear el jugador” 


Endif 
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1-99 Mensaje de usuario 
100 Nuevo jugador 
101 Jugador borrado 


102 Host inicial deja el juego 


200 Error grave 


Tipos de mensajes devueltos por 
“NetMsgTypel)”. 


figura 6 se muestra una tabla 
con los diferentes tipos de 
mensajes posibles. 

Por ejemplo, si el valor devue- 
to por esta función es un 100 
significa que un nuevo jugador 
se ha unido a la partida. 

Para saber quién ha envia- 
do el nuevo mensaje podemos 
usar “NetMsgFrom”, el cual 
devolverá su número de iden- 
tificación (el que le fue asigna- 
do cuando se creó con 
“CreateNetPlayer”). Esta infor- 
mación es importante si que- 
remos que el host actúe de 
alguna manera con cierto 
jugador remoto. 

Igualmente, podemos 
obtener información de a 
quién va dirigido un mensaje 
utilizando “NetMsgTo()”. Y 
por último, para obtener el 
mensaje en sí usamos 
“NetMsgData$()”. Esta fun- 
ción devolverá un string con- 
teniendo el mensaje: 


X= 350 : Ade 200 : ESTADO = 1 


DE 


SA 


[MENSAJE " 350, 200, 1 " 


[ENVIAR MENSAJE 


| 1: 390;:200; 4” 
Y 
EN 
Xx Y ESTADO 
Esquema del envío de numerosos datos en una sola 
línea de texto para ganar velocidad en la transferencia 
de información utilizando funciones para DirectPlay. 
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StarNetGame ( ) 
evi gador = CreateNetPlayer 
("Darío") 
While Not KeyHit(1) 
If RecvNetMsg() 
po 1 = NetMsgType () 
Print “EL MENSAJE ES: 
“+NetMsgDataf () 
Print ” N 
“+NetMsgFrom( ) 
Print ” : 
“+NetMsgTo() 
Endif 


Para terminar, la función 
que nos permite enviar un 
mensaje a cualquier jugador, 
“SenNetMsg”: 


El parámetro “Tipo de men- 
saje” debe valer entre 1 y 99 e 
indica que es un mensaje de 
usuario (diferente a los expli- 
cados anteriormente). 

H “MensajeS” es un string 
conteniendo el mensaje, 
propiamente dicho, que 
queremos enviar. 

E “1D del Jugador” es el nú- 
mero identificativo del juga- 
dor que envía el mensaje. 

E “Jugador de Destino” es la 
identificación del jugador que 
recibirá el mensaje. Si coloca- 
mos un valor O se enviará a 
todos los jugadores. 

H “Prioridad”. Este paráme- 
tro permite evitar que no se 
pierda ningún paquete de 
información. Si se coloca 
algún valor mayor de O indi- 
cará el grado de certeza en 
el envío de los mensajes. 
Evidentemente, esto conlle- 
va a una mayor lentitud. Si 
no se coloca ningún valor 
para este parámetro se 
asume el riesgo de pérdida 
de información pero se 
gana velocidad. 

Un hecho importante, el 
cual ya hemos comentado, es 
la baja velocidad a la que tra- 
baja el tránsito de información 
mediante las DirectPlay. Un 
buen truco para evitar. al máxi- 


PosBank=CreateBank (4) 


Function FloatS$(valork) 

PokeFloat PosBank,0,valor 

For n=0 To 3 

las a la 
ex 


Return S$ 
End Function 


Función para convertir un número float en 
string para la comunicación por TCP. Es utilizada 
para el envío del mensaje. 


mo la pérdida de velocidad es 
colocar en un mismo string 
toda la información que se 
quiere enviar de una vez; es 
decir, si queremos mandar las 
coordenadas (300, 200) y el 
valor estado (2) de un jugador 
al resto de jugadores, inclui- 
mos estos valores en una 
misma línea y la enviamos: 


Luego, al ser recibido, se 
extraería cada uno de los valo- 
res de la línea obtenida 
mediante funciones de cade- 
nas. En el ejemplo 7 se mues- 
tra el esquema de esta técnica. 


PosBank=CreateBank (4) 


Function StringFR(St$) 
For n=0 To 3 
Her PosBank n,Asc(Mid(St$,n+1,1)) 


Numé=PeekFloat (PosBank,0) 
Return Num 
End Function 


Función para convertir el contenido de un string 
en un número float para la comunicación TCP. 
Es la función contraria de la figura 8 y es utiliza- 
da en la recepción del mensaje. 


En el próximo 
número... 
.. finalizaremos hablando 
sobre la ampliación del 
lenguaje. 


Diseño y Y 
Programación de 


eojuegos 


Realización de un vídeo 
ara nuestro juego [y IV) 


n este número termi- 
naremos la realización 
del vídeo para nuestro 
juego con Ulead 
MediaStudio, montando las 
pistas de audio. Posterior- 
mente, añadiremos algunos 
efectos de titulación y croma. 


27 LAS PISTAS DE 
AUDIO 
Como sabemos, la ventana 
de montaje o “timeline” se 
encuentra dividida en dos 
partes: la parte superior es 
para el vídeo y la inferior para 
el audio. Como sucede en la 
sección de vídeo, la de audio 
se encuentra divida por pis- 
tas. Cada una de ellas puede 
contener un fichero de audio 
en mono o en estéreo. 


7 CARGAR Y SITUAR UN 
FICHERO DE AUDIO 
Para insertar un archivo de 
sonido solo tenemos que 
hacer doble clic sobre cual- 
quiera de las pistas de audio. 
Podemos cargar tanto .VWAV 
como .MP3 o .AIF. Al obte- 
ner el fichero aparecerá junto 
al puntero del ratón un rec- 
tángulo negro que representa 
el nuevo clip de audio. Este 


Podemos cargar cuantos ficheros de audio que- 
ramos y colocarlos en cualquier canal. 
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rectángulo tendrá la longitud 
equivalente a la duración del 
audio cargado. Haciendo clic 
sobre cualquier lugar de una 
pista lo situamos (Podremos 
encontrar el audio de la pre- 
sentación en el directorio 
“Extras” del CD). 
Desplazando los extremos 
podemos reducir o aumentar 
el tamaño del audio pero solo 
cuando se reproduce; es 
decir, esto no significa que 
cortemos el fichero sino que 
seleccionamos lo que quere- 
mos que se oiga. Para des- 
plazar el audio solo tenemos 
hacer clic sobre la parte azul 
del rectángulo y mantener 
pulsado el botón izquierdo del 
ratón mientras lo desplaza- 
mos (Fig. 1). 


CAMBIAR EL VOLUMEN 

DEL AUDIO 
Un método muy importante y 
que resulta imprescindible uti- 
lizar para lograr una buena 
implementación del audio a 
una película es realizar ajustes 
en su volumen. Esto nos per- 
mitirá mezclar un sonido con 
otro acorde al desarrollo del 
vídeo. Para nuestra presenta- 
ción utilizamos dos músicas 
diferentes y un efecto de 
audio de una explosión. La 
primera de las músicas entra- 
rá en acción justo cuando el 
logotipo del desarrollador 
funde a negro. La entrada de 
este audio se realiza desde un 
volumen mínimo. Si observa- 
mos en el clip de audio vemos 
que está dividido horizontal- 
mente por una delgada línea 
cuyos extremos terminan en 
un pequeño cuadrado. Esta 
línea representa el nivel de 
volumen del clip y desplazan- 
do los cuadrados con el ratón 
podemos modificarlo. Así que, 


IVIHO.L.M.L 


| mr 
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Mille 


A partir del canal B, los demás canales se mez- 
clan con opciones de overlay. 


para lograr un “Fade In” de la 
música, debemos crear un 
punto de ruptura en esta línea 
para poder modificar el volu- 
men. Para ello, hacemos clic 
sobre la línea en el lugar 
donde queremos crear el 
punto. Vemos que aparece un 
pequeño cuadrado igual que 
el de los extremos. Haciendo 
clic sobre él y desplazando el 
ratón podemos modificar su 
posición. Este nuevo punto 
marcará el punto más alto de 
volumen. Para crear el más 


Si hacemos clic sobre el 
audio cargado se mostra- 
rá gráficamente en la 
ventana source. 


Para salvar el vídeo inclu- 
yendo el audio: después 
de elegir 
File/Create/Video File pul- 
samos en el botón 
“Options” y en la pestaña 
General seleccionamos 
Audio and Video en la 
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De forma sencilla MediaStudio nos permite 
añadir titulación en nuestra película con mezcla 
automática. 


bajo solo tenemos que des- 
plazar hacia debajo el cuadra- 
do del extremo izquierdo. La 
línea asciende desde el primer 
cuadrado al segundo que 
hemos creado. Podemos aña- 
dir cuantos puntos de ruptura 
queramos y por lo tanto, 
cuantos cambios de volumen 
necesitemos. 

Para cada clip de audio 
podemos modificar su veloci- 
dad de reproducción, dura- 
ción e invertirla, eligiéndolo 
en el menú que aparece 
haciendo clic con el botón 
derecho del ratón sobre el 
clip (“Speed”, “Duration” y 
“Reverse”). 


7 AÑADIENDO 
TITULACIÓN Y 
CROMA KEY 

Aunque hemos trabajado con 

los canales A y B de vídeo 

podemos utilizar el resto para 
añadir algún tipo de titulación 


DEFINICIÓN 


>» CROMA KEY 
Un croma key consiste en 
sustituir un color determi- 
nado de la imagen por otra 
imagen. Un claro ejemplo 
lo encontramos en los 
mapas del tiempo donde el 
presentador se encuentra 
delante de un fondo azul. 
Luego, este fondo azul es 
sustituido por la imagen 
del mapa formando la 
composición final. 


376 


o efectos de croma key. 

Vamos a añadir en la parte 
donde se muestran las captu- 
ras el logotipo del juego, con- 
tinuamente mezclado, el resto 
de la imagen (efectos inclui- 
dos). Para ello, debemos utili- 
zar un efecto de croma key 
para hacer que el color negro 
del logotipo se haga transpa- 
rente, algo parecido a lo que 
ocurre con el canal alfa de 
una imagen. De esta forma, 
conseguimos que se muestre 
la imagen del logotipo sobre 
la película. En primer lugar, 
importamos el archivo de 
imagen y lo colocamos en el 
cuarto canal de vídeo, justa- 
mente debajo del canal B. 
Seguidamente lo extendemos 
hasta que ocupe toda la parte 
del montaje donde se mues- 
tran las capturas. Si hacemos 
un previo podemos observar 
que solo podemos ver la ima- 
gen del logo (Fig. 2) 

Para activar el croma key 
elegimos la opción 
Clip/Overlay Options ("CTRL 
+ “R”). Aparece una ventana 
de diálogo en donde seleccio- 
namos en la casilla Type la 
opción Chroma Key. A conti- 
nuación, debemos elegir el 
color que servirá de croma. 
Hacemos clic en el cuadrado 
negro situado en la parte 
inferior izquierda. 
Seguidamente, en la ventana 
Overlay clip hacemos clic con 
el cursor (convertido en cuen- 
tagotas) sobre el color negro 
de la imagen. Podemos 
observar los resultados 
haciendo clic en el icono de 
“play” de la ventana Overlay 
preview. Para evitar los dien- 
tes de sierra de los bordes 
del logotipo podemos aplicar 
un pequeño desenfoque eli- 
giendo la opción Small en la 
casilla Soft edge. 

Podemos mezclar con todo 
el montaje anterior (croma key 
incluido) algún tipo de titula- 
ción. Queremos añadir la frase 
“LA BATALLA COMIENZA” 
atravesando horizontalmente la 
pantalla. Para ello, selecciona- 
mos un clip de texto en 
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La pestaña Rolling nos permite añadir a nuestra 
titulación diferentes tipos de movimiento. 


Insert/Tittle clip y escribimos la 
frase con mayúsculas en la 
ventana de texto. En la pesta- 
ña Font elegimos nuestro tipo 
de letra del juego con un tama- 
ño de 60, en Fill color elegimos 
un tono amarillo. Aceptamos 
en “OK” y situamos la imagen 
en un nuevo canal debajo del 
logotipo (Fig 3). 

De nuevo entramos en las 
opciones con “CTRL” + “R”. 
Para que se muestre transpa- 
rente en la pantalla coloca- 
mos en la casilla Text trans- 
parency un 75. Pulsamos en 
la pestaña Rolling y activa- 
mos la flecha de dirección 
hacia la izquierda y en las 
casillas Start y Stop seleccio- 
namos Off the screen para 
situar la frase fuera de la pan- 
talla al principio y al final. 
Podemos ver el resultado 
activando los dos iconos de 
monitor de la ventana pre- 
view y haciendo play (Fig. 4). 


El orden de prioridad en la 
visualización de canales de 
vídeo es de abajo a arriba; 
es decir, el canal primero 
estará por detrás del 
segundo y así sucesiva- 


En el próximo 
número... 
... prepararemos la instala- 
ción del juego con Inno 
Setup. 
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NÚMERO 


imuladores de 
velocidad 


ste tipo de juegos siem- 

pre ha estado vinculado 

a las recreativas, ya 

que precisan de ciertos 
dispositivos como volantes, pe- 
dales o manillar para obtener 
los mejores resultados de juga- 
bilidad, los cuales prácticamen- 
te no existían para los primeros 
equipos de juegos domésticos. 

Básicamente, la finalidad que 

se persigue es simular una carre- 
ra de cualquier tipo bien con au- 
tomóviles, motos, naves espa- 
ciales, etc. Podemos encontrar 
multitud de títulos con este con- 
cepto. Sin embargo, solo vere- 
mos las más importantes que 
son: automóviles, motociclismo 
y de tipo futurista. 


2 HISTORIA Y 
EVOLUCIÓN 
TECNICA. 
AUTOMÓVILES 

La simulación de autos de carre- 

ras es la más usada por los desa- 

rrolladores a lo largo de la histo- 
ria. Sin lugar a dudas, la competi- 
ción más veces recreada en un 

ordenador es la Fórmula 1. 


45 FORMULA 1/ INDY 
Ya existían simuladores de carre- 
ras de automóviles en el año 
1977 para el antiquísimo sistema 
RCA Studio II. No fue hasta la 
década de los 80 cuando este 
género llegó al PC. Por aquel en- 
tonces triunfaba un juego de F-1 
llamado Pole Position (Arcade) 
para recreativas. Este título se 
versionó en casi todas las plata- 
formas existentes. Para PC - 
DOS apareció de manos de 
Synergistic Software en 1983. 
Básicamente, se trataba de co- 
rrer contra el ordenador y conse- 
guir dar las máximas vueltas po- 
sibles al circuito. Incluso antes 
de la llegada de las 3D, la cámara 
se situaba detrás del vehículo o 
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dentro de la cabina. La técnica 
usada se basaba en simular la 
profundidad acercando cada ele- 
mento del circuito hacia la cáma- 
ra por medio del escalado de grá- 
ficos. Al ser gráficos planos, se 
debía mantener en todo momen- 
to su orientación hacia la cáma- 
ra. Después de Pole Position, 
aparecen otros títulos para PC- 
DOS bastante interesantes como 
Grand Prix Circuit (Accolade,Inc 
1988) o Indianápolis 500: The 
Simulation (Papyrus Design/ EA, 
1989). Con la llegada de 
Windows y de las DirectX se em- 
piezan a desarrollar juegos más 
realistas con posibilidad multiju- 
gador y modos arcade o Grand 
Prix. Los años 90 fue una gran 
década de desarrollo para la F-1. 
La desarrolladora Papyrus Design 
arrasaba con sus títulos en el 
mercado con juegos como la se- 
rie Indy Car Racing. 

El uso casi necesario de un 
dispositivo de juego como un ga- 
mepad o un volante hacía de es- 
tos juegos los mejores candida- 
tos para las plataformas de con- 
solas. Por ello, prácticamente la 
mayoría de títulos para PC eran 
versiones de ellas. Quizás la me- 
jor de las primeras conversiones 
de juegos de PlayStation a PC 
sea Formula 1 de Psygnosis 
1996. El juego se desarrollaba 
completamente en 3D, además, 
se disfrutaba ya de hasta 17 cir- 
cuitos reales, efectos climatoló- 
gicos, coches dinámicos e inclu- 
so comentarista de la carrera. Un 
año después, Ubi Soft crea un 
precedente con F1 Racing 
Simulation, proporcionando un 
juego completamente en 3D con 
varias cámaras y corriendo a 640 
x 480 de resolución. Además so- 
portaba tanto gamepad y joystick 
como volante y pedales. Ubi su- 
ministró con este título la posibi- 
lidad de que jugasen por red has- 


VIHO.L.SIH 


TIME 


SCORE 9960 44 SPEED 303km 


Dos clásicos de la fórmula 1: Pole Position (arriba) 
y Grand Prix Circuit (abajo) 


Le e PURYERA 


(Arriba) Indy Car Racing, de los primeros títulos de 
Papyrus Design. (Abajo) La mejor conversión para 
PC de los primeros juegos de PSX. 


El modo multijugador no era ningún secreto para 
F1 Racing Simulator (arriba) y Monaco Grand Prix 
Racing Simulation 2 (abajo). 
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La serie F1 de EA Sports es lo mejor en simulación 
de la Fórmula 1. 


La competición NASCAR fielmente representada a 
lo largo de la historia por la desarrolladora 


Papyrus Design. 


nc E 
Sega Rally 2 (arriba) y Colin McRae (abajo), los dos 


juegos de Rally más espectaculares y con mayor 
aceptación en el mercado. 
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ta 8 jugadores y hasta 2 por mó- 
dem. Pero el que rompió moldes 
en el juego multijugador fue, sin 
dudas, Ubi Soft de nuevo, con 
Monaco Grand Prix Racing 
Simulation 2 en 1999. Este estu- 
pendo título permitía multitud de 
modalidades multijugador, desde 
dos jugadores en el mismo orde- 
nador hasta 8 por LAN o internet 
sin ningún tipo de problemas. 
Con la llegada del año 2000 es- 
tos simuladores adquieren un re- 
alismo increíble debido al avance 
en las tarjetas aceleradoras y por 
supuesto al desarrollo de dispo- 
sitivos de juegos cada vez más 
complejos y precisos. La compa- 
ñía EA Sports irrumpe en esta 
modalidad de juegos presentan- 
do en el 2000 F-1 2000 y F-1 
Season 2000 con la licencia de 
FIA para simular el campeonato 
mundial. El gran éxito obtenido 
da pie a la publicación, un año 
después, del que quizás sea el 
juego de fórmula 1 que crea un 
punto de inflexión en la historia, 
F-1 2001. El realismo alcanzado 
es extremo, como detalle, decir 
que los mecánicos de los boxers 
se animaron por motion capture, 
sin contar con el realismo alcan- 
zado en la conducción y la posi- 
bilidad de cambiar los paráme- 
tros del vehículo como cambios 
en los alerones o el freno, lo cual 
ayuda al jugador a ganar décimas 
de segundo en cada vuelta. 


4 NASCAR Y RALLY 

Si hay un simulador que desta- 
que por su espectacularidad, es- 
tamos hablando de los juegos 
basados en los campeonatos 
NASCAR norteamericanos. 
Técnicamente, las técnicas utili- 
zadas son ¡iguales que los simu- 
ladores de F-1. Básicamente, se 
cambian los modelos de los ve- 
hículos y la posición del conduc- 
tor. La desarrolladora Papyrus 
Design fue la primera en pasar al 
PC esta competición en el año 
1994 con NASCAR Racing la 
cual continúa hoy día con NAS- 
CAR Racing 2003. Dada la natu- 
raleza de esta carrera se ha pro- 
visto de un sistema de deforma- 
ción de vehículos en tiempo real 
así como climatología y lo mejor 


de todo, la configuración total 
del vehículo. 

Tanto para F-1 como NASCAR 
las carreras se realizan en circui- 
tos cerrados, pero ¿qué ocurre 
cuando se quiere simular terreno 
natural? Evidentemente, la com- 
plejidad aumenta. El concepto de 
simuladores de Rally ya lo encon- 
trábamos en las recreativas en los 
comienzos de los 80. Para PC se 
desarrollaron títulos un poco des- 
pués como African Raiders 
(Tomahawk, 1986) o 4x4 OffRoad 
Racing (Epix, Ltd 1988). Pero se 
han tenido que esperar algunos 
años para encontrar títulos más o 
menos decentes. Sin embargo, ya 
en 1993 podíamos disfrutar de un 
juego de Rally con posibilidad de 
cambios climáticos o conducir de 
noche o de día llamado Rally de 
Europress Software. Pero no fue 
hasta 1997 cuando se marcó un 
antes y un después en la simula- 
ción de Rallies con la aparición de 
una versión de consola llamada 
Sega Rally ChampionShip desa- 
rrollada por Sega. Poseía un mo- 
tor gráfico 3D increíble que con- 
seguía un rendimiento fuera de lo 
común en cualquier configura- 
ción. Además, estaba dotado de 
climatología, FMV (Full Motion 
Vídeo), voz y posibilidad multiju- 
gador. Posteriormente se lanza en 
el 2000 otra versión, también 
rompedora, centrado en el con- 
cepto arcade, sin ningún preám- 
bulo antes de correr. Sin embar- 
go, queda a la sombra del fantás- 
tico Rally Master de Infogrames 
que sale ese mismo año. Ya a par- 
tir del 2000, con las mejoras gráfi- 
cas, aparecen títulos que aprove- 
chan las posibilidades de las nue- 
vas tecnologías; a los vehículos 
se les provee de cristal, cambios 
de morfología en el chasis por 
golpes o incluso manchas sufri- 
das por el barro. Cada vez más, 
los simuladores de Rally van ad- 
quiriendo un mayor interés sobre 
todo gracias a la serie Colin 
McRae de Codemasters. 


En el próximo 
número... 


... terminaremos el repaso por 
los simuladores de velocidad. 
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2, HISTORIA DEL 
“D) VIDEOJUEGO 


Preguntas 


0 0 NO gap ON> 


PL. 


> 3. 


>7. 
> 8. 
D9. 


¿Cómo podemos obtener la IP de un equipo local en notación 1.2.3.4 en Blitz3D? 


¿Cómo podemos en Blitz3D iniciar un juego multijugador y crear un nuevo jugador sin 
utilizar la ventana de diálogo estándar de DirectPlay? 


Escribe en Blitz3D una matriz de estructuras para definir 10 botones con doble estado 
gráfico para un menú. 


¿Cómo podemos hacer en Blitz3D para elegir una opción del menú haciendo clic sobre un 
botón del mismo? 


¿Dónde y cómo podemos crear un gradiente de color esférico con dos puntos de color en 
Paint Shop Pro? 


¿Qué debemos tener en cuenta en el diseño de una textura para un sprite utilizado en un 
sistema de partículas? 


En ModPlug Tracker hemos elegido el formato de canción de Impulse Tracker IT. ¿Cómo 
podemos añadir más canales a la canción? 


¿Qué procedimientos debemos seguir en ModPlug para obtener nuevos sonidos y 
utilizarlos en los patrones? 


¿Cómo podemos modificar el volumen de un clip de audio en Media Studio? 


Respuestas al cuestionario 18 


Protocolos TPC / IP y UDP 
Ml TCP /IP se utiliza para la conexión por internet. La comunicación se realiza por envíos de paquetes ordenados y con un destino 
conocido. Sin embargo, son más lentos pero fiables. Ideal para juegos por turnos. 


E UDP se suele utilizar para conectar ordenadores por red local. Es mucho más rápido pero no es fiable ya que los paquetes de 
información llegan desordenados. Ideal para juegos en tiempo real. 


TCP 

Puerto_servidor= 60 

Mensaje = OpenTCPStream (*“127.0.0.2” servidor) 
WriteString Mensaje, “Éste es el mensaje que envío” 
CloseTCPStream Servidor 

UDP 

Puerto= 60 

Mensaje = CreateUDPStream (Puerto) 

WriteString Mensaje, “Mi nombre es Darío” 
SendUDPMsg Mensaje, IP_Destino, Puerto_Destino 


Utilizando la instrucción "CameraProject” y “ProjectedX()”: 
Siendo el oyente la cámara, por ejemplo: 


CameraProject (camara, EntityX (emisor), EntityY (emisor), EntityZ(emisor)) 
If ProjectedX+t()>1 and ProjectedX+()>100 ChannelPan canal, valor panorámico 


If Not ChannelPlaying(canal_musica) 
canal_musica=PlaySound(musica1) 
Endlf 
Utilizando la librería de estilos de la herramienta Preset Shapes. 


Lo más importante a tener en cuenta es evitar que el jugador pierda la atención del juego y que aun así pueda ser visto con facilidad. Para 
ello, utilizamos formas estilizadas y concisas pero con colores vistosos. 


ModPlug trabaja en los siguientes formatos de canción: IT, MOD, S3M y XM. 
De izquierda a derecha: la nota musical, el sonido para esa nota, el volumen y el efecto. 


Haciendo clic con el botón derecho sobre el clip aparecerá un menú flotante en el cual elegimos la opción “Video Filters”. Aparecerá un 


menú de diálogo con la lista de filtros, los cuales podemos ir añadiendo. 


10. Enla sección “Motion Path” de la ventana de edición del filtro. 
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» AUDIO 


Ml Ace High MP3 Recorder 
Graba tus archivos de audio en formato 
MP3 usando esta útil aplicación. 

Ml Desktop Guitarist 2 


2 ERRE 
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¡Standard Tuning - EADG BE Linei 


Los amantes de la música de guitarra 
podrán crear sus propias composiciones 
fácilmente. 

Ml Diet MP3 

Comprime tus MP3 hasta el punto que tú 
desees gracias a esta utilidad. 

E AudioLabel CD Labeler 

Crea tus propias etiquetas para los cds de 
audio. 

Ml Audio MP3 Maker 

Convertidor de cds de audio a MP3, fácil de 
usar y rápido en sus resultados. 

El Piolet 

Comparte tus archivos de música con otros 
gracias a este sencillo programa peer to 
peer. 


» DISEÑO 2D 
MA PhotoGraffiti 


Crea divertidas imágenes gracias a esta sim- 
pática aplicación que te encantará. 

El UltraScreen Capture 

Captura cualquier parte de la pantalla fácil y 
cómodamente. 
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Ml RasterVect 

Crea y edita tanto imágenes vectoriales 
como mapas de bits con este programa. 
Ml PhotoBuilder 

Mezcla distintas imágenes entre sí para 
crear fabulosas composiciones. 


»> DISEÑO 3D 

E D4Sound 2.5 

Pequeño programa para crear figuras en 
tres dimensiones y mezclarlas además con 
música. 

Ml Imagine 

Editor de entornos 3D muy sencillo de 
manejar. 

Ml Organica 1.0 


Crea fantásticas figuras en 3D en pocos 
minutos gracias a este estupendo software. 
Ml Particle Illusion 

Añade efectos de partículas y texturas en 
tus animaciones usando este programa. 


» PROGRAMACIÓN 

E MojoWorld Generator 2.0 

Crea tus propios mundos virtuales. Deberás 

registrarte en internet para conseguir una 

contraseña gratuita. 

Ml Rapid 
PLUS 
Express 

Crea mode- 
los gráficos 
interactivos 
de tus futu- 
ros produc- 
tos. 


El HelpTron 2.3 
Crea completas ayudas en HTML para tus 


juegos, compatibles con todos los Windows. 


Ml Solid Concept 3.0 

Software para modelar en tres dimensiones, 
totalmente operativo durante un mes obte- 
niendo el código gratuito en la web. 


» JUEGOS 
Ml Colin McRae Rally 


Corre a todo trapo e intenta ganar la carrera 
con este estupendo simulador de coches. 
Ml Nascar Racing 2002 

Otro magnífico simulador de coches de 
carreras, con el que pasarás estupendos 
momentos, 

NH SegaRally Championchip 
Experimenta virtualmente la emoción de 
correr en una carrera de coches. 

El Zone of Fighters 

Como siempre, nuestro juego. 


» VÍDEO 

H Boomer Video 

Estupenda aplicación para crear vídeo y 
audio en streaming fácilmente. 

RM Converter 


Convierte vídeos en formato RealMedia a 
otros múltiples formatos. 


» EXTRAS 
En este apartado encontrarás todos los 
ejemplos de los que hablamos en el colec- 
cionable, para que no pierdas detalle. 
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